a {text-decoration: none;}
button{border: 0;padding: 0;margin: 0;outline: 0 none;}
/* a:hover{color:#3E72F8 ;} */
.w1180{width: 1180px;}
.lg22header{min-width: 1180px;background-color: #fff;top: 0;left: 0;z-index: 9999;  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.10);}
.blue{color: #3E72F8;}
.orange{color: #FF9422;}
.pick{color: #FF547F;}
.siteNav{height: 33px;background: #F6F8FB;}
.g67{color: #676767}
.g28 {color: #282828;}
.h100 {height: 100%;}
.g80 {color: #808080;}
.gcc{color: #ccc;}
.g49{color: #495770;}
.bde2{border-bottom: 1px solid #E2E7ED}
.d4{color: #0093D4;}
.ddb{color: #00CDDB;}
/* flex */
.flex {display: flex;}
.align-center{align-items: center;}
.justify-center {justify-content: center;}
.justify-between {justify-content: space-between;}
.justify-around{justify-content: space-around;}
.flex-sub{flex:1}
.flex-column{flex-direction: column;}
.clearfix:after{content: "020"; display: block; height: 0; clear: both; visibility: hidden; }   
/* nav */
.navMenu {position: relative;height: 33px;line-height: 30px;padding: 0 20px 0 20px;cursor: pointer;box-sizing: border-box;border-top: 2px solid transparent;z-index: 9;}
.navMenu:hover {color:#1365e8 ; border-top: 2px solid #1365e8;background: url("http://resource.lgsteel.cn/mainSite22/images/iconInfor.png") no-repeat center;}
.navMenu:hover .navMenuList {display: block;}
.navMenu::after {content: "";width: 12px;height: 12px;background: url("http://resource.lgsteel.cn/mainSite22/images/nav-arrow.png") no-repeat center;position: absolute;top: 10px;right: 3px;}
.navMenuList {display: none;position: absolute;background: #fff;line-height: 24px;;top: 30px;width:100%;right: 0;box-shadow: 0px 4px 10px 0px rgba(40, 40, 40, 0.1);box-sizing: border-box;padding-bottom: 10px;}
.navMenuList .navMenu-item {color: #282828;text-decoration: none;display: block;padding:0 13px 0 14px;text-align: center;}
.navMenuList .navMenu-item.tl {text-align: left;}
.navMenuList .navMenu-item:hover{background: linear-gradient(180deg, #FFFFFF 0%, #E7EDF4 100%);color: #0F32CB;}
.menu-title{padding: 10px 0  5px 0; border-bottom: 1px solid #eee;color: #282828; font-weight: 700;text-align: center;}
.lg-menu{float: left}
.lg-menu+.lg-menu{margin-left: 5px;}
.lg22logo {margin: 15px 0 0 5px;height: 67px;overflow: hidden;background: url("../images/index/logo.svg") no-repeat center;    width: 170px;}
.navCenter {margin-top: 30px;margin-left: 123px;}
.navSearch { border: 1px solid #3E72F8; border-radius: 4px; display: flex; height: 36px; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.navInput {width: 375px;border: 0;box-sizing: border-box;padding-left: 10px;height: 100%;line-height: 100%;font-size: 12px;outline: none;}
.searchBtn {width: 80px;height: 100%;background: #3E72F8;text-align: center;font-size: 14px;line-height: 100%;color: #fff;}
.orangeBtn {width: 106px;height: 36px;background: linear-gradient(135deg, #FFB136 0%, #FF901F 100%);border-radius: 4px;line-height: 36px;color: #fff;text-align: center;margin-top: 30px;margin-left: 10px;}
.hotsLine {height: 10px;background: #808080;margin: 0 10px;width: 1px;}
.navRight {margin-left: 130px;margin-top: 22px;display: flex;align-items: center;}
.appcode {width: 60px;height: 60px;background: url("../images/index/appcode.png") no-repeat top;margin-right: 5px;}
.topMenu {border-bottom: 3px solid transparent;;padding: 0 5px 10px 5px;color: #282828;vertical-align: top;min-width: 42px;display: block;box-sizing: border-box;}
.topMenu+.topMenu {margin-left: 40px;}
.topMenu:hover {color: #1365e8;border-bottom: 3px solid #1365E8;}
.topMenu.active {color: #1365e8;border-bottom: 3px solid #1365E8;}
.sel_a{padding: 7px 10px;}
.sel_a:hover{color: #0F32CB;background: url(../images/index/sel_a.png) no-repeat center;}
.h_part{min-width: 1180px;background: url("../images/banner/banner.png") no-repeat center;padding-top: 15px;padding-bottom: 40px;padding:15px 0 40px}
.h_banner{width: 878px;height: 364px;}
.search-hots-fline a:hover{color: #3E72F8;}
.h_identity{margin: 0;margin-top: 5px ;}
.userStatus{height: 21px;background: linear-gradient(180deg, #D3E7FF 0%, #E9F3FD 100%);border-radius: 4px;line-height: 21px;padding:0 6px;display: inline-block;font-size: 12px;}
.manual-icon{width: 16px;height: 16px;background: url("../images/index/manual-icon.png") no-repeat center;display: inline-block;vertical-align: middle;}
.icon-tip{width: 14px;height: 14px;background: url("../images/banner/icon-tip.png") no-repeat center;display: inline-block;    vertical-align: text-bottom;}
.white-edit{width: 16px;height: 16px;background: url("../images/index/white-edit.png") no-repeat center;display: inline-block;vertical-align: sub;}
/* new  web and scroll banner*/
.h_banner .flexslider {position: relative;height: 364px;overflow: hidden;z-index: 0;}
.slides{ position:relative; z-index:0;}
.h_banner .slides li{ height:364px;display: none;background-size: 100% 364px;}
.flex-control-nav{ position:absolute; bottom:10px; z-index:2; width:100%; text-align:center;}
.flex-control-nav li{ display:inline-block; width:30px; height:6px; margin:0 5px; *display:inline; zoom:1;}
.flex-control-nav a{ display:inline-block; width:30px; height:6px; line-height:40px; overflow:hidden; background: #fff; opacity: 0.6; filter:alpha(opacity=60);  cursor:pointer;}
.flex-control-nav .flex-active{ background: #fff; opacity: 1; filter:alpha(opacity=100);}
.flex-direction-nav{ position:absolute; z-index:3; width:100%; top:45%;}
.flex-direction-nav li a{ display:block; width:50px; height:50px; overflow:hidden; cursor:pointer; position:absolute;}
.flex-direction-nav li a.flex-prev{ left:0px; background:url(../images/banner/bannerarrow.png) -25px -27px no-repeat;}
.flex-direction-nav li a.flex-next{ right:0px; background:url(../images/banner/bannerarrow.png) -125px -27px no-repeat;}
.flex-direction-nav li a.flex-prev:hover{ background-position: -25px -127px;}
.flex-direction-nav li a.flex-next:hover{ background-position: -125px -127px;}
.flexslider .set-a { display: inline-block; width: 100%; height: 100%;}

.right_banner{width: 292px;background: #fff;box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.05);box-sizing: border-box;}
.h_userInfo {height: 137px;background: url("../images/banner/userInfo.png") no-repeat center;box-sizing: border-box;}
.h_userInfo >div{flex: 1;}
.ui-button{min-width: 80px;height: 32px;line-height: 32px;border-radius: 4px;text-align: center;background: #3E72F8;color: #fff;display: inline-block;font-size: 14px;text-decoration: none;box-sizing: border-box;cursor: pointer;transition: border-color .15s, background-color .15s;-webkit-transition: border-color .15s, background-color .15s;}
.ui-button[data-type='normal']{background: linear-gradient(180deg, #FFFFFF 0%, #E7EDF4 100%);text-align: center;border: 1px solid #3E72F8;color: #3E72F8;}
.ui-button:not(:disabled):hover {background-color: #2172F5;color: #fff;}
.ui-button[data-type='normal']:not(:disabled):hover {background: #F0F6FF;border: 1px #2172F5 solid;color: #2172F5;}
.ui-tab1{display: flex;align-items: center;flex: 1;}
.ui-tab1 a{color: #808080;position: relative; background: linear-gradient(180deg, #FFFFFF 0%, #E7EDF4 100%);box-shadow: 1px 0px 0px 0px #DCE5F0;color: #282828;flex: 1;height: 40px;text-align: center;line-height: 40px;}
.tab1-item.on .line-under::after{content: "";position:absolute;width: 100%;height: 4px;background: linear-gradient(41deg, #1365E8 0%, #6C99FE 100%);border-radius: 3px;opacity: 0.69;bottom: -12px;left: 0;}
.tab1-item.on .line-under,.tab1-item:hover{color: #0F32CB;position: relative;}
 .h_newTip {height: 17px;background: rgba(251, 32, 32, .15);border-radius: 2px;color: #E02020;font-size: 12px;border: 0;}
.h_newsLine{color: #282828;margin: 0px 0 6px 0;font-size: 12px;max-width: 215px;}
.cardList1{width: 212px;height: 106px;background: url(../images/banner/card1.png) no-repeat top;background-size: 100%;box-sizing: border-box;padding: 25px 0 0 15px;}
.cardList2{width: 212px;height: 106px;background: url(../images/banner/card2.png) no-repeat top;background-size: 100%;box-sizing: border-box;padding: 25px 0 0 15px;}
.cardList3{width: 212px;height: 106px;background: url(../images/banner/card3.png) no-repeat top;background-size: 100%;box-sizing: border-box;padding: 25px 0 0 15px;}
.cardList4{width: 212px;height: 106px;background: url(../images/banner/card4.png) no-repeat top;background-size: 100%;box-sizing: border-box;padding: 25px 0 0 15px;}
.bannerCard{width: 212px;height: 106px;overflow: hidden;}

/* tab */
.ui-tab2{display: flex;}
.tab2-item{height: 42px;background: #F7F6F6;text-align: center;box-sizing: border-box;color: #808080;cursor: pointer;line-height: 42px;font-size: 14px;border: 1px solid #eee;}
.tab2-item.on{background: linear-gradient(180deg, #FFFFFF 0%, #E7EDF4 100%);box-shadow: 1px 0px 0px 0px #DCE5F0;color: #3E72F8;border-top: 1px solid  #3E72F8;}
.tab2-item:hover{color: #3E72F8;}

.headerItem{display: flex;flex-direction: column;justify-content: center;align-items: center;flex: 1;box-sizing: border-box;padding-top: 12px;cursor: pointer;padding-bottom: 10px;}
.cg-icon{width: 24px;height: 24px;background: url("../images/banner/cg-icon.png") no-repeat center;}
.yh-icon{width: 24px;height: 24px;background: url("../images/banner/yh-icon.png") no-repeat center;}
.jg-icon{width: 24px;height: 24px;background: url("../images/banner/jg-icon.png") no-repeat center;}
.gh-icon{width: 24px;height: 24px;background: url("../images/banner/gh-icon.png") no-repeat center;}
.dd-icon{width: 24px;height: 24px;background: url("../images/banner/dd-icon.png") no-repeat center;}
.kc-icon{width: 24px;height: 24px;background: url("../images/banner/kc-icon.png") no-repeat center;}
.ck-icon{width: 24px;height: 24px;background: url("../images/banner/ck-icon.png") no-repeat center;}
.th-icon{width: 24px;height: 24px;background: url("../images/banner/th-icon.png") no-repeat center;}


.gys-icon{width: 24px;height: 24px;background: url("../images/banner/gys-icon.png") no-repeat center;}
.vip-icon{width: 24px;height: 24px;background: url("../images/banner/vip-icon.png") no-repeat center;}
.jgs-icon{width: 24px;height: 24px;background: url("../images/banner/jgs-icon.png") no-repeat center;}
.cys-icon{width: 24px;height: 24px;background: url("../images/banner/cys-icon.png") no-repeat center;}
.ckps-icon{width: 24px;height: 24px;background: url("../images/banner/ckps-icon.png") no-repeat center;}
.jpsj-icon{width: 24px;height: 24px;background: url("../images/banner/jpsj-icon.png") no-repeat center;}
.headerItem:hover{ color:#2172F5 ;}

/* Ã¤Â¹ÂÃ¥Ë†Å¡Ã§â€ºÂ´Ã¨Â´Â­Ã§Æ’Â­Ã¦Å½Â¨Ã¦Â¦Å“ */
.lg_hot{min-width: 1180px; width:100%;height: 740px;background: url("../images/hot/hotBg.png")  no-repeat center #f0f0f0;}
.hot-left{width: 28px;height: 18px;display: inline-block;background: url("../images/hot/hot-left.png") no-repeat center;}
.hot-right{width: 28px;height: 18px;display: inline-block;background: url("../images/hot/hot-right.png") no-repeat center;}
.hotBox{ height: 510px; box-shadow: 0 4px 14px 0 rgba(0,0,0,0.05); display: flex; flex-direction: column;overflow: hidden;;border-radius:12px 12px 0 0 ;  }
.tab3-item{height: 80px;flex: 1; text-align: center;font-size: 16px;cursor: pointer;;color: #282828;text-shadow: 0px 4px 4px #BCCDE2;line-height: 80px;box-sizing: border-box; background: linear-gradient(180deg, #FBFBFD 0%, #E7EDF4 100%);}
.tab3-item+.tab3-item{border-left: 1px solid #DCE5F0;}
.tab3-item.on{background: url("../images/index/hotTitle.png") no-repeat center !important;color: #FFFFFF !important;font-size: 20px;border-left: 0;text-shadow: 0px 2px 6px #024CC7 !important;}
.tab3-item:hover{background: #E7EDF4;box-shadow: 1px 0px 0px 0px #DCE5F0;color: #3E72F8;text-shadow: 0px 4px 4px #BCCDE2;}
.tab3-content{height: 500px;}
.hotLeft{width: 786px;height: 500px; box-sizing: border-box;background: #fff;flex-wrap: wrap;}
.hotList{ width: 50%; float: left;box-sizing: border-box; border-bottom: 1px solid #f4f4f4; height: 110px; padding: 20px 20px 20px 20px; display: flex; cursor: pointer; border-right: 1px solid #f4f4f4;}
.hotImg{width: 64px;height: 64px;}
.hotList:hover{background-color: #FCFCFC;}
.hotRight{padding:15px;box-sizing: border-box; background: linear-gradient(135deg, #FBFBFD 0%, #EBF0F6 100%);flex: 1;}
.lable_t{color: #282828;font-weight: 700;position: relative;}
.lable_t::after{content: "";position:absolute;width: 100%;height: 4px;background: linear-gradient(41deg, #1365E8 0%, #6C99FE 100%);border-radius: 3px;opacity: 0.69;bottom: 0px;left: 0;}
#containterChart{height: 174px;margin: 10px auto 0; background: #fff;width: 100%;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);}
#containterChartClone{height: 400px;margin: 10px auto 0; background: #fff;width: 600px;}
.chartText{position:absolute;position: absolute;z-index: 9;left: 30px;top: 54px;}
.icon-magnify{width: 16px;height: 16px;background: url("../images/hot/icon-magnify.png") no-repeat center;display: inline-block;vertical-align: sub;margin-left: 5px;}
.like{width: 100%;box-sizing: border-box;  height: 70px; padding: 10px 15px; display: flex; cursor: pointer; border: 1px solid #f4f4f4;background: #fff;margin-top: 8px;}
.like:hover{background-color: #FCFCFC;}
.samllImg{width: 50px;height: 50px;}

/* Ã¤Â¹ÂÃ¥Ë†Å¡Ã¦â„¢ÂºÃ¨Æ’Â½Ã¤Âºâ€˜ */
.lg_cloud{min-width: 1180px;width: 100%;height: 520px;box-sizing: border-box;background: url("../images/could/couldBg.png") blue no-repeat center;padding-top: 45px;}
.lg_proc{min-width: 1180px; width: 100%;height: 635px;box-sizing: border-box;background: url("../images/index/procBg.png") #f0f0f0 no-repeat center;padding-top: 50px;}
.procCont{height: 409px;width: 100%;}
.proc-s{background: url("../images/index/lg-proc.png") no-repeat center;height: 409px;width:200px;box-sizing: border-box;padding: 44px 20px 0 20px;}
.contRight{flex: 1;background: #fff;box-sizing: border-box;border-top: 1px solid #739BFE;}
.cardList{width: 33.33333%;border-right: 1px solid #f5f5f5;cursor: pointer; border-bottom: 1px solid #f5f5f5;height: 135px;box-sizing: border-box;float: left;padding: 20px 12px 0 15px;display: flex;}  
.cardList:nth-child(3n) {border-right: 0;}
.cardList:hover{background-color: #FCFCFC;}
.procImg{width: 44px;height: 44px;}
.icon-user{ width: 16px;height: 16px;background: url("../images/index/icon-user.png") no-repeat center;display: inline-block;}
.lg-button{display: inline-block;min-width: 120px;height: 32px;line-height: 32px;cursor: pointer;transition: border-color .15s, background-color .15s;-webkit-transition: border-color .15s, background-color .15s;text-align: center;;box-sizing: border-box; border-radius: 3px; border: 1px solid #0F32CB;background: transparent;color: #0F32CB;text-decoration: none;}
.lg-button[color-type="orange"]{border: 1px solid #C54400;color: #C54400;}
.lg-button[color-type="blue"]{border: 1px solid #3E72F8;color: #3E72F8;}
.lg-button[color-type="green"]{border: 1px solid #188770;color: #188770;}
.lg-button[color-type="orange"]:hover{background: #C54400;color: #fff;}
.lg-button[color-type="blue"]:hover{background: #3E72F8;color: #fff;}
.lg-button[color-type="green"]:hover{background: #188770;color: #fff;}
.lg-button:hover{background: #0F32CB;color: #fff;}

/* Ã¤Â»â€œÃ¥â€šÂ¨ */
.lg-stock{min-width: 1180px; width: 100%;height: 595px;box-sizing: border-box;background: url("../images/index/stockBg.png") #f0f0f0 no-repeat center;padding-top: 50px;}
.stockCont{height: 370px;width: 100%;}
.stock-s{background: url("../images/index/lg-stock.png") no-repeat center;height: 370px;width: 200px;box-sizing: border-box;padding: 40px 20px 0px ;}
.stock-r{flex: 1;background: #fff;box-sizing: border-box;border-top: 1px solid #FFCC82;}
.stockList{height: 123px;}

/* Ã§â€°Â©Ã¦ÂµÂ */
.lg-trans{min-width: 1180px; width: 100%;height: 520px;box-sizing: border-box;background: url("../images/index/transBg.png") #f0f0f0 no-repeat center;padding-top: 50px;}
.transCont{height: 294px;width: 100%;}
.trans-s{background: url("../images/index/lg-trans.png") no-repeat center;height: 294px;width: 200px;;box-sizing: border-box;padding: 20px 20px 0px ;}
.trans-r{flex: 1;background: #fff;box-sizing: border-box;border-top: 1px solid #188770;}
.toTrans{width: 154px;height: 36px;box-sizing: border-box;padding:0 10px 0 15px ;background: url("../images/index/toTrans.png") no-repeat center;color: #fff;display: flex;align-items: center;justify-content: space-between;}
.bDbd{border-bottom: 1px dashed #DBDBDB;}

/* Ã¤Â¼ËœÃ¥Å Â¿ */
.lg-adv{min-width: 1180px; width: 100%;height: 503px;background:url("../images/index/advBg.png") no-repeat center;box-sizing: border-box;padding-top: 50px;background-size: cover;}
.advCard{width: 258px;height: 300px;color: #fff;box-sizing: border-box;opacity: .9;background: rgba(0, 0, 0, .3); padding: 60px  35px 0 20px; cursor: pointer;  }
.h_button{min-width: 136px;height: 36px;box-sizing: border-box;display: inline-block;cursor: pointer;  border-radius: 3px;opacity: 0.8  ;border: 1px solid #FFFFFF;text-align: center;line-height: 36px;box-sizing: border-box;color: #fff;}
.advCard+.advCard{margin-left: 10px;}
.advCont{min-height: 66px;}
.myServe{padding-top: 35px;}

.adv{width: 160px; height: 80px; background: transparent; border-radius: 6px;padding: 13px 0px 0 10px;box-sizing: border-box;}
.icon-adv{    opacity: 0.7; width: 34px; height: 34px;  border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.icon-adv1{background: url("../images/index/adv1.png") no-repeat center;}
.icon-adv2{background: url("../images/index/adv2.png") no-repeat center;}
.icon-adv3{background: url("../images/index/adv3.png") no-repeat center;}
.icon-adv4{background: url("../images/index/adv4.png") no-repeat center;}

@keyframes advAnim{
    from { padding-top: 60px; }
    50% { padding-top: 30px; }
    to { padding-top: 60px;}
  }

.adv1:hover{ background: url("../images/index/advBg1.png") no-repeat center; color: #26367B; opacity: 1; animation:advAnim .8s  linear .1s 1 alternate  running ; -webkit-animation:advAnim .8s  linear .1s 1 alternate  running ;
}
.adv2:hover{ background: url("../images/index/advBg2.png") no-repeat center; color: #26367B; opacity: 1; animation:advAnim .8s  linear .1s 1 alternate running ; -webkit-animation:advAnim .8s  linear .1s 1 alternate running ; }
.adv3:hover{ background: url("../images/index/advBg3.png") no-repeat center; color: #26367B; opacity: 1; animation:advAnim .8s  linear .1s 1 alternate  running ; -webkit-animation:advAnim .8s  linear .1s 1 alternate  running ; }
.myServe:hover{background: url("../images/index/advBg4.png") no-repeat center;color: #26367B;opacity: 1;}

.advCard:hover .h_button{background: #3E72F8;box-shadow: 0px 4px 10px 0px rgba(14, 38, 142, 0.2);color: #fff;opacity: 1;border: 0;}
.myServe .adv:hover{background: #fff;border-radius: 6px;}
.myServe .adv:hover .icon-adv{opacity: 1;}
/* Ã¥Âºâ€¢Ã©Æ’Â¨Ã¦Â Â */
.lg-footer{min-width: 1180px;width: 100%;height: 458px;background: #F5F7FA;box-sizing: border-box;padding: 23px 0 26px;}
.icon-footer {width: 56px;height: 50px;display: inline-block;vertical-align: middle;}
.icon-footer1{background: url("../images/index/icon-footer1.png") no-repeat center;}
.icon-footer2{background: url("../images/index/icon-footer2.png") no-repeat center;}
.icon-footer3{background: url("../images/index/icon-footer3.png") no-repeat center;}
.icon-footer4{background: url("../images/index/icon-footer4.png") no-repeat center;}
.lg-footerLine{    height: 1px;background-color: #E2E7ED; margin: 25px 0 40px 0;}
.footer-code{width: 98px;height: 98px;background: #FFFFFF;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);border-radius: 6px;display: flex;align-items: center;justify-content: center;}
.code-vx{padding: 5px;background: url(../images/index/vx-code.png) no-repeat center;width: 86px;height: 86px;border: 1px solid #EEF0FD;box-sizing: border-box;}
.code-app{padding: 5px;background: url(../images/index/app-code.png) no-repeat center;width: 86px;height: 86px;border: 1px solid #EEF0FD;box-sizing: border-box;}
.bottom-line{margin-top: 15px;margin-bottom: 27px; height: 1px;background-color: #E2E7ED; }

.bottom-icon1{width: 31px;height: 36px;display:inline-block;background: url("../images/index/bottom-icon1.png") no-repeat center;vertical-align: middle;}
.bottom-icon2{width: 33px;height: 36px;display:inline-block;background: url("../images/index/bottom-icon2.png") no-repeat center;vertical-align: middle;}
.bottom-icon3{width: 38px;height: 36px;display:inline-block;background: url("../images/index/bottom-icon3.png") no-repeat center;vertical-align: middle;}
.bottom-icon4{width: 89px;height: 36px;display:inline-block;background: url("../images/index/bottom-icon4.png") no-repeat center;vertical-align: middle;}

.b_icon{opacity: .6;}
.b_icon:hover{opacity: 1;}
.right-blue{width: 16px;height: 16px;background: url("../images/index/right-blue.png") no-repeat center;display: inline-block;}
.blue_s{color: #0F32CB;}

.input-selSearch {position: relative;display: inline-block;box-sizing: border-box;}
.ui-input {height: 30px;line-height: 20px;padding: 5px 10px 5px 8px;background-color: #fff;font-size: 12px;outline: none;color: #282828;border-radius: 3px;box-sizing: border-box;transition: .15s;border: 0;}
.ui-input.searchUp {padding-right: 17px;background: url() no-repeat #fff right;}
.search-cont {position: absolute;background: #FFFFFF;box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);border-radius: 3px;max-width: 600px;top: 33px;left: 0;max-height: 150px;overflow-y: auto;display: none;z-index: 9;min-width: 60px;}
.search-list{line-height: 30px;height: 30px;padding: 0 10px;font-size: 12px;color: #676767;}
.proc-btn{display: flex;cursor: pointer; width: 160px;height: 32px;background: #FFFFFF;border-radius: 3px;box-sizing: border-box;border: 1px solid #0F32CB;text-align: center;line-height: 32px;}
.proc-sear{width: 68px; background: #0F32CB;color: #FFFFFF;}
.proc-fb{flex: 1;color: #0F32CB;}
.edit-icon{width: 14px;height: 14px;background: url("../images/index/edit-icon.png") no-repeat center;display: inline-block;vertical-align: middle;}

.stock-btn{display: flex;cursor: pointer;width: 160px;height: 32px;background: #FFFFFF;border-radius: 3px;box-sizing: border-box;border: 1px solid #C54400;text-align: center;line-height: 32px;}
.stock-fb{flex: 1;color: #C54400;}
.stock-sear{width: 68px; background: #C54400;color: #FFFFFF;}
.edit-icon[data-type="orange"]{width: 14px;height: 14px;background: url("../images/index/stock-edit.png") no-repeat center;display: inline-block;vertical-align: middle;}

.orange_s{color:#C54400 ;}
.green_s{color: #0D7963 ;}

.trans-btn{display: flex;cursor: pointer;width: 160px;height: 32px;background: #FFFFFF;border-radius: 3px;box-sizing: border-box;border: 1px solid #188770;text-align: center;line-height: 32px;}
.trans-fb{flex: 1;color: #188770;}
.trans-sear{width: 68px; background: #188770;color: #FFFFFF;}
.edit-icon[data-type="green"]{width: 14px;height: 14px;background: url("../images/index/trans-edit.png") no-repeat center;display: inline-block;vertical-align: middle;}
.right-green{width: 16px;height: 16px;background: url("../images/index/right-green.png") no-repeat center;display: inline-block;}
.right-orange{width: 16px;height: 16px;background: url("../images/index/right-orange.png") no-repeat center;display: inline-block;}
.mask-s{opacity: 0.8;}

.proc-s:hover .mask-s,.trans-s:hover .mask-s,.stock-s:hover .mask-s{ opacity: 1; }

.cloudShopList .shopslider{position:relative; height:290px; z-index: 0;overflow: visible;width: 1000px;margin-left: auto;margin-right: auto;}
.cloudShopList .slides{ position:relative; z-index:0;}
.cloudShopList .slides li{ height:290px;display: none;-webkit-backface-visibility: hidden;}
.cloudShopList .flex-control-nav{ position:absolute; bottom:10px; z-index:2; width:100%; text-align:center;}
.cloudShopList .flex-control-nav li{ display:inline-block; width:10px; height:12px; margin:0 6px; *display:inline; zoom:1;}
.cloudShopList .flex-control-nav a{ display:inline-block;width:10px; height:10px;border: 1px solid #fff;border-radius: 100%;line-height:40px; overflow:hidden; background: transparent; cursor:pointer;}
.cloudShopList .flex-control-nav .flex-active{ background: #fff ;border-color: #fff }
.cloudShopList .flex-direction-nav{ position:absolute; z-index:3; top:40%;width: 100%}
.cloudShopList .flex-direction-nav li a{ display:block;width:40px; height:60px; overflow:hidden; cursor:pointer; position:absolute;background-color: rgba(0,0,0,0.06);border-radius: 3px;}
.cloudShopList .flex-direction-nav li a.flex-prev{ left:-60px; background-color: rgba(255, 255, 255, 0.2) ;background-image: url("../images/could/leftA.png");background-repeat: no-repeat;background-position: center;}
.cloudShopList .flex-direction-nav li a.flex-next{ right:-60px;background-color: rgba(255, 255, 255, 0.2) ;background-image: url("../images/could/rightA.png");background-repeat: no-repeat;background-position: center;}
.cloudShopList .flex-direction-nav li a:hover{background-color:  #1365E8}
.cloudShopList .flex-direction-nav li a.flex-prev:hover{background-image:url("../images/could/leftA-h.png") }
.cloudShopList .flex-direction-nav li a.flex-next:hover{ background-image:url("../images/could/rightA-h.png")}
.cloudShopList .shopslider .set-a { display: inline-block; width: 100%; height: 100%;}

.cloudShopItem{background: transparent;border: 1px solid #1365e8;box-shadow: 0 3px 8px 0 rgba(0,0,0,0.05);border-radius: 3px;width: 230px;height: 128px;margin:0 5px 20px 0;display: block}
:root .cloudShopItem{margin-right:20px;}
:root .cloudShopItem:nth-of-type(4n) {margin-right: 0;}
.cloudShopItemCont{margin:10px;height: 110px;display: block;color:#fff;}
.cloud-icon{width: 26px;height: 26px;background: url("../images/index/cloud-icon.png") no-repeat center;}
.cloudShopItemText{font-size:20px;transform: translateY(100%)}
.cloudShopItemBut{border: 1px solid #FFFFFF;border-radius: 3px;display: inline-block;width: 164px;height:30px;line-height: 30px;transform: translateY(500%);}
.cloudShopItemBut:hover{background:#fff;color:#1365E8;}
.cloudShopItemBut:hover .cloudShopArrow{background-position:-548px -145px;}
.cloudShopArrow{width: 6px;height: 10px;background-position:-447px -145px; }
.cloudShopItem:hover:before{content:'';left:0;right:0;bottom:0;top:0;background: rgba(19,101,232,0.9);border-radius: 3px;position: absolute;}
.cloudShopItem:hover .cloudShopItemText{transform: translateY(50%)}
.cloudShopItem:hover .cloudShopItemBut{transform: translateY(100%)}
.cloudShopBut{border: 1px solid #1365E8;border-radius: 3px;width: 178px;height: 40px;line-height: 40px;color: #fff;font-size: 16px;
    background: rgba(19, 101, 232, 0.4);cursor: pointer;}
.cloudShopButArrow{width: 10px;height: 16px;background: url("../images/could/small-arrow.png") no-repeat center;}
.cloudShopBut:hover{background-color:#1365E8;color:#fff;}
.cloudShopBut:hover .cloudShopButArrow{background-position:-746px -142px;}

.cloudShopDeepBlue .cloudShopItemCont{background:url(../images/could/CloudSC-Pic03.png) center ;}
.cloudShopGolden .cloudShopItemCont{background:url(../images/could/CloudSC-Pic04.png) center ;}
.cloudShopDarkSkies .cloudShopItemCont{background:url(../images/could/CloudSC-Pic05.png) center ;}
.cloudShopDeepRelief .cloudShopItemCont{background:url(../images/could/CloudSC-Pic06.png) center ;}
.cloudShopCloudLilac .cloudShopItemCont{background:url(../images/could/CloudSC-Pic01.png) center ;}
.cloudShopViolet .cloudShopItemCont{background:url(../images/could/CloudSC-Pic02.png) center ;}

.bigCode,.bigCode img,.bigCode-app,.bigCode-app img,.bigCode-vx,.bigCode-vx img{width: 200px;height: 200px;}

.footer-code:hover{ box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); }


/* Ã¤Â»â€œÃ¥â€šÂ¨Ã¦Å“ÂÃ¥Å Â¡ */
.stockPublic{width: 860px; height: 80px;background: url("../images/stock/addstock.png") no-repeat center;line-height: 80px;background-size: 860px 80px;}
.tableList{height: 110px;line-height: 110px;}
.stockImg{padding-left: 20px;width: 70px;height: 70px;display: inline-block;vertical-align: middle;}
.stockImg img{width: 70px;height: 70px;}


.newTableTitle{line-height: 40px;height: 48px;color: #ADADAD;z-index: 9;height: 40px;background: #F5F8FE;border: 1px solid #DEE9FE;display: flex;justify-content: space-between;box-sizing: border-box;padding-right: 20px;}

.tab4{ color: #808080;padding: 0 30px; border-right: 1px solid #DEE9FE;cursor: pointer;}
.tab4.on{ color: #3E72F8;background: #FFFFFF;}
.tab4:hover{color: #3E72F8;}
.whiteArrow-r{width: 9px;height: 16px;background: url("../images/stock/whiteArrow-r.png") no-repeat center;display: inline-block;}
.whiteArrow-l{width: 9px;height: 16px;background: url("../images/stock/whiteArrow-l.png") no-repeat center;display: inline-block;}

.blackArrow-r{width: 9px;height: 16px;background: url("../images/stock/blackArrow-r.png") no-repeat center;display: inline-block;}
.blackArrow-l{width: 9px;height: 16px;background: url("../images/stock/blackArrow-l.png") no-repeat center;display: inline-block;}
.w80{width: 80px;}
.stockCTitle{width: 700px;height: 110px;background: url(../images/stock/addstockImg.png) no-repeat center;line-height: 110px;}

.stockBtn{width: 26px;height: 26px;background: url("../images/stock/ic-right-jiagong.png") no-repeat center;display: inline-block;}
.stockBg{width: 100%;min-width: 1180px;margin-left: auto;margin-right: auto;background: url(../images/stock/stockPublic.png) top center no-repeat;}
.stockSearch{border-color: #6C92F6;}
.stockPubBut{width: 180px;height: 40px; background: url(../images/stock/btn-stock.png) center;}
.malBg{background:url(../images/mall/bg-zhigou.png)  top center no-repeat;}
.g13{color: #13AB23;}
.icon-kjg{width: 20px;height: 20px;background: url("../images/stock/kejiagong.png") no-repeat center;display: inline-block;}





.blueRight-icon{width: 14px;height: 14px;background: url("../images/index/blueRight-icon.png") no-repeat center;display: inline-block;}
.exit{width: 14px;height: 14px;background: url("../images/index/exit.png") no-repeat center;display: inline-block;}
.switchUser-icon{width: 14px;height: 14px;background: url("../images/index/switchUser.png") no-repeat center;display: inline-block;}
.footerZx{width: 20px;height: 20px;background: url("../images/index/kefu.gif") no-repeat center;display: inline-block;vertical-align: bottom;}
.indexSearchWareHouse{width: 100%;height: 50px;background: url(http://resource.lgsteel.cn/mainSite22/images/stock/blue-bg.png) no-repeat top;line-height: 50px;text-align: center;font-size: 16px;color: #1365e8;cursor: pointer;margin-top: 20px;background-size: 160px 50px;}
.indexSearch{display: inline-block;width: 16px;height: 16px;background: url(http://resource.lgsteel.cn/mainSite22/images/stock/blue-search.png) no-repeat center;background-size: 16px 16px;}
.hot-icon{width: 21px;height: 21px;background: url('../images/index/hot-icon.gif') center no-repeat;display: inline-block;vertical-align: sub;}
.new-icon{width: 32px;height: 17px;background: url('../images/index/new-icon.gif') center no-repeat;display: inline-block;vertical-align: sub;}
.scrollRight2022{width: 50px;background: linear-gradient(180deg, #F3F5F7 0%, #FFFFFF 100%);box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.05);border: 1px solid #FFFFFF;}
.scrollRight2022>a{height: auto;color: #282828;font-size: 12px;padding:5px 0 5px 0;width: 50px;}
.scroll-cart{width: 24px;height: 24px;background: url("../images/index/scroll-cart.png") no-repeat center;display: inline-block;}

.scroll-wx{width: 24px;height: 24px;background: url("../images/index/scroll-wx.png") no-repeat center;display: inline-block;}
.scroll-app{width: 24px;height: 24px;background: url("../images/index/scroll-app.png") no-repeat center;display: inline-block;}
.scroll-kf{width: 24px;height: 24px;background: url("../images/index/scroll-kf.png") no-repeat center;display: inline-block;}
.scroll-ly{width: 24px;height: 24px;background: url("../images/index/scroll-ly.png") no-repeat center;display: inline-block;}
.scroll-top{width: 24px;height: 24px;background: url("../images/index/scroll-top.png") no-repeat center;display: inline-block;}
.scrollWx{right: 60px;}
.scrollAPPicon{width: 200px;height: 200px;background: url('http://resource.lgsteel.cn/mainSite19/images/app/appCode.png') no-repeat center bottom;background-size: 200px 200px;}
.bannerSearch{background: rgba(62, 114, 248, 0.25);border: 1px solid rgba(108, 163, 255, 1);}
.line{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;	display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.w880{width: 880px;}
.w280{width: 280px;}
.newCard{width: 280px;background: #FFFFFF;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);}
.newTitle{width: 280px;height: 40px;line-height: 40px;color: #282828;line-height: 40px;background: url("../images/proc/newBanner.png") no-repeat center;}
.newList-icon{display:inline-block;width: 16px;height: 16px;background: url("../images/proc/new-icon.png") no-repeat center;}
.newList{max-height: 300px;overflow: hidden;}
.newList li{padding: 10px 20px;}
.applyBannerBtn{width: 138px;height: 36px;background: linear-gradient(180deg, #F3F5F7 0%, #FFFFFF 100%);box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);border-radius: 20px;border: 2px solid #FFFFFF;text-align: center;line-height: 34px;color: #3E72F8;font-size: 14px;display: inline-block;}
.applyBannerBtn:hover{background: #3E72F8;color:#fff;border: 2px solid #3E72F8;}
.newprocBanner{box-sizing: border-box;padding-top: 150px;}
.newprocPublic{height:80px;line-height: 80px;background:url("../images/proc/Bg-ent-jiagong.png") center #f4f0e9;}
.newProcPubIconBut {width: 26px;height: 26px;background: url("../images/proc/newProcPubIcon.png") center no-repeat;}
.newLogistPublic{height:80px;line-height: 80px;background:url("../images/logist/Bg-ent-wuliu.png") center #f4f0e9;}
.newLogistPubIconBut {width: 26px;height: 26px;background: url("../images/logist/newLogistPubIcon.png") center no-repeat;}
/* .applyLogistBtn{width: 138px;height: 36px;;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);border-radius: 20px;text-align: center;line-height: 34px;color: #fff;font-size: 14px;display: inline-block;} */


/* Ã¤Â¾â€ºÃ¥Âºâ€Ã©â€œÂ¾ */
.newChainbg{width: 100%;min-width: 1180px;margin-left: auto;margin-right: auto;background: url("../images/chain/Bg-gongyinglian.png") no-repeat  center;height:270px;}
.newChainbg01{min-width: 1180px;width: 100%;;margin-left: auto;margin-right: auto;background: #fafafa;height: 542px; }
.newChainbg01-img{width: 527px;height: 375px;background: url("../images/chain/newChainbg01-img.png") no-repeat center;display: inline-block;margin-top: 120px;}
.newChainbg01-right{margin-top: 238px;margin-left: 73px;display: inline-block;}

.newChainbg02{min-width: 1180px;width: 100%;;margin-left: auto;margin-right: auto;background: #fff;height: 484px; }
.newChainbg02-img{width: 443px;height: 426px;background: url("../images/chain/newChainbg02-img.png") no-repeat center;display: inline-block;margin-top: 53px;}
.newChainbg02-right{margin-top: 163px;margin-right: 164px;display: inline-block;}

.newChainbg03{min-width: 1180px;width: 100%;;margin-left: auto;margin-right: auto;background: #fafafa;height: 555px; }
.newChainbg03-img{width:576px;height: 500px;background: url("../images/chain/newChainbg03-img.png") no-repeat center;display: inline-block;margin-top: 41px;}
.newChainbg03-right{margin-top: 213px;margin-left: 80px;display: inline-block;}

.newChainbg04{min-width: 1180px;width: 100%;;margin-left: auto;margin-right: auto;background: #fff;height: 528px; }
.newChainbg04-img{width:462px;height: 462px;background: url("../images/chain/newChainbg04-img.png") no-repeat center;display: inline-block;margin-top: 30px;}
.newChainbg04-right{margin-top: 174px;margin-right: 191px;display: inline-block;}

.newChainbg01-banner{position: absolute;width: 1180px;height: 80px;background: #fff;overflow: hidden;   top: -40px;display: flex;border-radius: 5px;background: linear-gradient(180deg, #F3F5F7 0%, #FFFFFF 100%);}
.newChainbg01-banner-item{width: 295px;height: 80px;display: flex;align-items: center;justify-content: center;box-sizing: border-box;cursor: pointer;}
.newChainbg01-banner-item:hover{background: #fff;box-shadow: 1px 0px 0px 0px #dce5f0;color: #3E72F8;}
.newChainbg01-banner-item:hover .g28,.newChainbg01-banner-item:hover .g67{color: #3E72F8;}
.newChainbg01-banner-item+.newChainbg01-banner-item{border: 1px solid #FFFFFF;}
.banner-item01{width: 60px;height: 60px;background: url("../images/chain/banner-item01.png") no-repeat center;}
.banner-item02{width: 60px;height: 60px;background: url("../images/chain/banner-item02.png") no-repeat center;}
.banner-item03{width: 60px;height: 60px;background: url("../images/chain/banner-item03.png") no-repeat center;}
.banner-item04{width: 60px;height: 60px;background: url("../images/chain/banner-item04.png") no-repeat center;}

/* Ã©â€¡â€˜Ã§â€°Å’Ã¥â€¢â€ Ã¥Â®Â¶ */
.newGoldChamp{height: 656px;background: url("../images/gold/Bg-champ.png") no-repeat center;width: 100%;min-width: 1180px;}
.newGoldChampTop{font-weight: 700; display: inline-block;width: 436px;height: 80px;line-height: 80px;background: url(../images/gold/maisui.png) no-repeat center center;font-size: 36px;color: #1C51AE;}
.newGoldNameCard_l{    height: 44px;background: #3063BD;box-sizing: border-box;padding: 6px 0 6px 14px;position: relative;z-index: 3;}
.newGoldNameCard_r {width: 0;height: 0;border-top: 44px solid #3063BD;border-right: 30px solid #DDE7FF;position: relative;z-index: 3;}
.newGoldname-tl {width: 0;height: 0;border-top: 44px solid #DDE7FF;border-right: 30px solid rgba(221, 231, 255, .4);position: relative;z-index: 3;}
.newGoldname-c {height: 44px;background: #DDE7FF;width: 60px;}
.newGoldname-tc {height: 44px;background: rgba(221, 231, 255, .4);width: 150px;}
.newGoldname-tr {width: 0;height: 0;border-top: 44px solid rgba(221, 231, 255, .4);border-right: 30px solid transparent;z-index: 3;}
.newGoldName {position: absolute;font-size: 18px;top: 0;left: 115px;line-height: 44px;color: #3E72F8;height: 44px;z-index: 1;}
.newGoldPhone {position: absolute;font-size: 18px;top: 0;left: 200px;line-height: 44px;color: #1365E8;height: 44px;z-index: 1;}
/* Ã¨Â¡Å’Ã¤Â¸Å¡Ã§â€”â€ºÃ§â€šÂ¹ */
.newGoldProblem{width: 100%;min-width: 1180px;height: 680px;background: #FAFBFF;}
.newProblemBox{width: 403px;height: 408px;display: inline-block;}
.newProblem{background: url('../images/gold/newProblem.png') no-repeat center;width: 403px;height: 408px;display: inline-block;}
.newProblemList{width: 360px;height: 70px;background: #FFFFFF;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);border-radius: 35px;box-sizing: border-box;padding:0 10px;line-height: 70px;font-size: 20px;font-weight: 700;}
.newProblemList:hover {cursor: pointer;background: #fdfbf8;border: 1px solid #dfc087;border-radius: 51px;box-shadow: 0 2px 10px 0 rgb(224 203 164 / 46%);}
.newProblemList01{position: absolute;top: 0;left: -350px;}
.newProblemList02{position: absolute;top: 95px;left: -380px;}
.newProblemList03{position: absolute;top: 185px;left: -380px;}
.newProblemList04{position: absolute;top: 280px;left: -350px;}
.newProblemList05{position: absolute;top: 0;right: -350px;}
.newProblemList06{position: absolute;top: 95px;right: -380px;}
.newProblemList07{position: absolute;top: 185px;right: -380px;}
.newProblemList08{position: absolute;top: 280px;right: -350px;}
.problemTip{width: 48px;height: 48px;background: url("../images/gold/tip.png") no-repeat center;font-size: 20px;color: #74471A;line-height: 48px;text-align: center;display: inline-block;}
/* Ã¤Â¾â€ºÃ¥Âºâ€Ã©â€œÂ¾ */
.newGoldpartCont{width: 100%;min-width: 1180px;height: 652px;background: url("../images/gold/newGoldpartCont.png") no-repeat center;}
.part01{width: 280px;height: 356px;background: rgba(255, 255, 255, .4);box-sizing: border-box;padding: 60px 30px 0 30px;position: relative;}
.part02{width: 280px;height: 356px;background: rgba(255, 255, 255, .4);box-sizing: border-box;padding: 60px 30px 0 30px;position: relative;}
.part03{width: 280px;height: 356px;background: rgba(255, 255, 255, .4);box-sizing: border-box;padding: 60px 30px 0 30px;position: relative;}
.part04{width: 280px;height: 356px;background: rgba(255, 255, 255, .4);box-sizing: border-box;padding: 60px 30px 0 30px;position: relative;}
.goldPart.on{background: url("../images/gold/goldPart.png") no-repeat center;background-size: 280px 356px;}
/* gtg */
.goldGgt{min-width: 1180px;width: 100%;height: 752px;background: url("../images/gold/goldGgt.png") no-repeat center;}
.newg2gProductList{box-sizing: border-box;padding: 4px;width: 330px;height: 396px;}
.newg2gProductList:after{background-color: #C98708}
.newg2gProductList:hover:after {background-color: #74471A;}
.newg2gProdP1{width: 322px;height: 240px;background: url("../images/gold/PD-pic01.png") no-repeat center;} 
.newg2gProdP2{width: 322px;height: 240px;background: url("../images/gold/PD-pic02.png") no-repeat center;} 
.newg2gProdP3{width: 322px;height: 240px;background: url("../images/gold/PD-pic03.png") no-repeat center;} 
.toGtgBtn{width: 160px;height: 42px;border-radius: 36px;border: 1px solid #FFFFFF;text-align: center;line-height: 42px;display: inline-block;color: #fff;font-size: 18px;}


/* Ã¥Â®Å¡Ã¥Ë†Â¶Ã¥Å Â Ã¥Â·Â¥ */
.sliderBg{width: 1180px;height: 40px;background: url("../images/proc/sliderBg.png");box-shadow: 0 2px 10px 0 rgba(0,0,0,0.05);box-sizing: border-box;}
.newsSlider{margin-left: 50px;font-size: 12px;color: #282828;}
.newJoinGold {width: 100%;min-width: 1180px;height: 370px;background: url(../images/gold/advantages.png) no-repeat top center;}
.newJoinGoldTitle{margin: 60px 0 40px;}
.newGoldGradient{display: inline-block; width: 260px;height: 50px;background: #ECC797;border-radius: 3px;border: 1px solid #FFF2D7;line-height: 50px;box-sizing: border-box;text-align: center;color: #74471A;font-size: 18px;}

/* Ã©Â¦â€“Ã©Â¡ÂµÃ§Æ’Â­Ã©â€â‚¬Ã¤Â¿Â®Ã¦â€Â¹ */
.lg_newHot{min-width: 1180px; width:100%;background: url("../images/index/newhotBg.jpg")  no-repeat center #f0f0f0; background-size: cover;padding-bottom: 63px;}
.newHotBox {box-shadow: 0 4px 14px 0 rgb(0 0 0 / 5%);display: flex;flex-direction: column;overflow: hidden;border-radius: 12px 12px 0 0;}
.newHotLeft {width: 786px;box-sizing: border-box;flex-wrap: wrap;padding: 0 20px 20px 20px;}
.newHotLine{box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);background: #fff;}
.newHotBg{background: linear-gradient(135deg, #f7f8fb 0%, #EBF0F6 100%);}
.newHotRight {padding: 20px;box-sizing: border-box;flex: 1;}

.hotListTitle{font-size: 14px;color: #282828;margin-top: 23px;margin-bottom: 13px;font-weight: 700;}
.hotListTitle::before {content: "";height: 18px;width: 4px;display: inline-block;background: #1365E8;margin-right: 7px;vertical-align: sub;}
.hotList:nth-child(2n){border-right: 0;}
.hotList:hover{box-shadow: 0px 0 20px 0 rgb(0 0 0 / 10%);}
.down-circle{display: inline-block;position: absolute;width: 24px;height: 24px;background: url("../images/gold/down-circle.png") no-repeat center;bottom: 33px;right: 90px;cursor: pointer;animation: circleMove 0.8s infinite;}

 /*Ã¥Â®Å¡Ã¤Â¹â€°Ã¥Å Â¨Ã§â€Â»*/
 @keyframes circleMove {
    from{
        bottom: 28px;
    }
    to{
        bottom: 33px;
    }
}
.championBox{box-shadow: 0 12px 30px -6px rgba(0,8,47,0.20);}
.toGtgBtn:hover{background: #ECC797;border-color: #ECC797;color: #fff;}
.goldPart:hover .goldGylBg01{box-shadow: 0 8px 15px 0 rgba(67,138,252,0.30);}
.goldPart:hover .goldGylBg02{box-shadow: 0 8px 15px 0 rgba(159,175,213,0.30);}
.goldPart:hover .goldGylBg03{box-shadow: 0 8px 15px 0 rgba(236,199,151,0.30);}
.goldPart:hover .goldGylBg04{box-shadow: 0 8px 15px 0 rgba(126,127,241,0.30);}

.line-title {font-weight: 700;}
.goldpartBox .tc.f36{font-weight: 700;}
.goldGgt .wh.tc.f36.mt60{font-weight: 700;}
.newJoinGoldTitle{font-weight: 700;}


.goldGgt .mt40.cl.ovh{padding-left: 40px;}

.newHotLine.ovh{overflow: initial;}
.newHotLine.ovh::after{content: "020"; display: block; height: 0; clear: both; visibility: hidden; }   
#rz,#lz,#dx,#sx,#rx,#rb{overflow: initial;}

/* Ã¤Â¹ÂÃ¥Ë†Å¡Ã¤Âºâ€˜ */
.newCloudInfo{width: 100%;background: #F2F4F9;min-width: 1180px;padding-bottom: 67px;background: url("../images/could/CloudInfo-Bg.png") no-repeat center;background-size: 100% 100%;}
.newCloudInfoTop{margin-top: 30px;border-bottom: 1px solid #4ADCFC;}

.newInfoTop{box-sizing: border-box;height: 100px;flex: 1;padding-left: 50px;background: #2B54B9;border-right: 1px solid rgba(255, 254, 254, .2);}
.newInfoTop.on{background: linear-gradient(270deg, #2BDDFF 0%, #0068EE 100%);}
.newInfoTop.on .cloudSolMIcon1 {background-position: -116px -214px;}
.newInfoTop.on .cloudSolMIcon2 {background-position: -317px -214px;}
.newInfoTop.on .cloudSolMIcon3 {background-position: -517px -214px;}
.newInfoTop:last-child {border-right: none;}
.newInfoDetail{padding-left: 20px;padding-top: 28px;padding-bottom: 35px;box-sizing: border-box;background: url("../images/could/newInfoDetail.png")  no-repeat center;background-size: cover;}
.gfe{color: #56E9FE;}
.newInfoDetail-item {width: 548px;height: 100px;background: linear-gradient(270deg, rgba(63, 112, 212, 0.4) 0%, #325DBF 100%);margin-bottom: 10px;box-sizing: border-box;padding-left: 15px;display: flex;align-items: center;}

.newCloudExample{width: 100%;min-width: 1180px;background: url("../images/could/newCloudExample.png") no-repeat center;height: 534px;}
.newCloudExampleLeft{width: 500px;display: inline-block;vertical-align: top;height: 300px;position: relative;border: 1px solid #4C84FF;}
.newCloudExampleRight{width: 630px;height: 321px;background: linear-gradient(180deg, #F3F5F7 0%, #FFFFFF 100%);border: 1px solid #FFFFFF;box-sizing: border-box;padding: 20px 15px 0 18px;}
.icon-good01{width: 37px;height: 37px;background: url("../images/could/icon-good01.png") no-repeat center;display: inline-block;}
.icon-good02{width: 37px;height: 37px;background: url("../images/could/icon-good02.png") no-repeat center;display: inline-block;}
.icon-good03{width: 37px;height: 37px;background: url("../images/could/icon-good03.png") no-repeat center;display: inline-block;}



.newChargeBg{height: 630px;background: url("../images/could/shoufeibg.png") no-repeat;background-size: 100% 100%;width: 100%;min-width: 1180px;}
.chargeBox{width: 280px;height: 333px;background: linear-gradient(180deg, #F3F5F7 0%, #FFFFFF 100%);box-shadow: 0px 10px 30px -6px rgba(123, 85, 0, 0.1);border-radius: 10px;box-sizing: border-box;}
.chargeBox+.chargeBox{margin-left: 80px;}
.chargeBox:hover{box-shadow: 0px 10px 30px -6px rgba(123, 85, 0, 0.3)}
.chargeBanner01{width: 280px;height: 93px;background: url("../images/could/chargeBanner01.png") no-repeat center;text-align: center;line-height: 93px;color: #095777;font-size: 18px;}
.chargeBanner02{width: 280px;height: 93px;background: url("../images/could/chargeBanner02.png") no-repeat center;text-align: center;line-height: 93px;color: #9A4B00;font-size: 18px;}
.chargeBanner03{width: 280px;height: 93px;background: url("../images/could/chargeBanner03.png") no-repeat center;text-align: center;line-height: 93px;color: #642C0D;font-size: 18px;}
.chargeGood01{width: 119px;height: 108px;background: url("../images/could/chargeGood01.png") no-repeat center;}
.chargeGood02{width: 119px;height: 108px;background: url("../images/could/chargeGood02.png") no-repeat center;}
.chargeGood03{width: 119px;height: 108px;background: url("../images/could/chargeGood03.png") no-repeat center;}
.chargePirce01{font-size: 36px;color: #146586;}
.chargePirce02{font-size: 36px;color: #AB5401;}
.chargePirce03{font-size: 36px;color: #642C0D;}
.chargeBtn{width: 260px;height: 50px;background: linear-gradient(135deg, #F9EBD2 0%, #F1D3A6 100%);box-shadow: 0px 6px 10px -6px rgba(108, 71, 0, 0.2);border-radius: 3px;border: 1px solid #FFFFFF;color: #AB5401;text-align: center;line-height: 50px;display: inline-block;font-size: 16px;}
.ml90{margin-left: 90px;}
.newCloudContact{width: 100%;min-width: 1180px;height: 180px;background: url("../images/could/cloudBg.png") no-repeat center;background-size: 100% 100%;box-sizing: border-box;padding-top: 47px;}
.newCloudStepCont{width: 466px;margin: 0 132px 0 120px;}
.newContactBut{width: 260px;height: 50px;background: linear-gradient(270deg, #00EEFF 0%, #1365E8 100%);border-radius: 3px;border: 1px solid #B5E9FF;line-height: 50px;text-align: center;font-size: 16px;color: white;}
.newContactBut:hover{opacity: .3;}



/* Ã¥Âªâ€™Ã¤Â½â€œÃ¦Å¸Â¥Ã¨Â¯Â¢ */
@media only screen and (max-width: 1080px){
    .lg_hot {background: url(../images/hot/hotBg.png) center top repeat-x #f0f0f0;background-size: 100% 100%;}
    .lg_cloud {background: url(../images/could/couldBg.png) center top repeat-x #1365e8;background-size: 100% 100%;}
    .lg_proc {background: url(../images/index/procBg.png) center top repeat-x #f0f0f0;background-size: 100% 100%;}
    .lg-stock {background: url(../images/index/stockBg.png) center top repeat-x #f0f0f0;background-size: 100% 100%;}
    .lg-trans {background: url(../images/index/transBg.png) center top repeat-x #f0f0f0;background-size: 100% 100%;}
    .lg-adv {background: url(../images/index/advBg.png) center top repeat-x #f0f0f0;background-size: 100% 100%;}
    .mallbg{background:url(../images/mall/bg-zhigou.png)  top center no-repeat;}
    .newprocbgbg{background: url('../images/proc/Bg-jiagong.png') top center no-repeat #d1def7;}
    .newlogistbg{background: url(../images/logist/Bg-wuliu.png) top center no-repeat;}
    .newChainbg{background: url('../images/chain/Bg-gongyinglian.png') top center no-repeat ;background-size:100% 100%}
    .newGoldChamp{background: url("../images/gold/Bg-champ.png") no-repeat center;background-size:100% 100%}
    .newGoldpartCont{background: url("../images/gold/newGoldpartCont.png") no-repeat center;background-size:100% 100%}
    .goldGgt{background: url("../images/gold/goldGgt.png") no-repeat center;background-size:100% 100%}
    .newCloudExample{background: url("../images/could/newCloudExample.png") no-repeat center;background-size:100% 100%}
    
}
@media only screen and (max-width: 1920px) and (min-width: 1081px){
    .stockBg {background: url(../images/stock/stockPublic.png) top center no-repeat;}
    .mallbg{background:url(../images/mall/bg-zhigou.png)  top center no-repeat;}
    .newprocbgbg{background: url('../images/proc/Bg-jiagong.png') top center no-repeat;}
    .newlogistbg{background: url(../images/logist/Bg-wuliu.png) top center no-repeat;}
    .newChainbg{background: url('../images/chain/Bg-gongyinglian.png') top center no-repeat ;}
    .newGoldChamp{background: url("../images/gold/Bg-champ.png") no-repeat center;background-size:100% 100%}
    .newGoldpartCont{background: url("../images/gold/newGoldpartCont.png") no-repeat center;background-size:100% 100%}
    .goldGgt{background: url("../images/gold/goldGgt.png") no-repeat center;background-size:100% 100%}
    .newCloudExample{background: url("../images/could/newCloudExample.png") no-repeat center;background-size:100% 100%}
}
@media only screen and (min-width: 1921px){
    .mallbg {width: 100%;background: url(../images/mall/bg-zhigou.png) top center no-repeat; background-size: 100%;}
    .stockBg {background: url(../images/stock/stockPublic.png) top center no-repeat;background-size:100%;}
    .newprocbgbg{background: url('../images/proc/Bg-jiagong.png') top center no-repeat;background-size:100%;}
    .newlogistbg{background: url(../images/logist/Bg-wuliu.png) top center no-repeat;background-size:100%;}
    .newChainbg{background: url('../images/chain/Bg-gongyinglian.png') top center no-repeat ;background-size:100%}
    .newGoldChamp{background: url("../images/gold/Bg-champ.png") no-repeat center;background-size:100% 100%}
    .newGoldpartCont{background: url("../images/gold/newGoldpartCont.png") no-repeat center;background-size:100% 100%}
    .goldGgt{background: url("../images/gold/goldGgt.png") no-repeat center;background-size:100% 100%}
    .newCloudExample{background: url("../images/could/newCloudExample.png") no-repeat center;background-size:100% 100%}
}


/* Ã¥Âºâ€”Ã©â€œÂº */
.dp2022{ display: flex; flex-direction: column; justify-content: center;}
.orangeBtn_b{width: 80px;height: 36px;background: linear-gradient(135deg, #FFB136 0%, #FF901F 100%);border-radius: 4px;line-height: 36px;color: #fff;text-align: center;}
.h110{height: 110px;}
.cjLogo{width: 52px;height: 52px;background: url("../images/dianpu/cjLogo.png") no-repeat center;}
.icon-start{width: 16px;height: 16px;display: inline-block;background: url("../images/dianpu/start.png") no-repeat center;}
.bgf2{background: #f2f2f2;}
.dp-left{float: left;width: 190px;}
.dpzy{width: 190px;background: #FFFFFF;box-sizing: border-box;padding: 20px 10px 15px 10px;}
.dp-right{float: right;width: 980px;}
.dpmallsearch{width: 980px; background: #FFFFFF;margin-bottom: 10px;}
.line_t::before{content: "";height: 18px;width: 4px;display: inline-block;background: #1365E8;margin-right: 7px;vertical-align: sub;}
.mt3{margin-top: 3px;}
.bdf4{width: 100%;height: 2px;background:  #F4F4F4;}
.toDp{width: 170px;height: 36px;border-radius: 3px;border: 1px solid rgba(62, 114, 248, .4);line-height: 36px;box-sizing: border-box;color: #282828;text-align: center;display: inline-block;}
.icon-dphome{width: 16px;height: 16px;background: url("../images/dianpu/icon-dphome.png") no-repeat center;display: inline-block;vertical-align: text-top;}
.dppm-item{width: 100%;height: 34px;color: #282828;line-height: 34px;box-sizing: border-box;padding-left: 20px;background: #fff;cursor: pointer;}
.dppm-item:hover,.dppm-item.on{background: #EFF3FF;color: #1365e8;}
 .tip-gz{width: 80px;height: 28px;background: #1365E8;border-radius: 4px;line-height: 28px;text-align: center;color: #fff;display: inline-block;font-size: 12px;vertical-align: top;}
.theme-red .tip-gz{width: 80px;height: 28px;background: linear-gradient(90deg, #FF3F0F 0%, #FF0036 100%);border-radius: 4px;line-height: 28px;text-align: center;color: #fff;display: inline-block;font-size: 12px;vertical-align: top;}
.tip-gzed{width: 80px;height: 28px;background: linear-gradient(90deg, #FF580F 0%, #FF9321 100%);border-radius: 4px;line-height: 28px;text-align: center;color: #fff;display: inline-block;font-size: 12px;vertical-align: top;}

.icon-qy{width: 26px;height: 26px;display: inline-block;background: url("../images/dianpu/icon-qy.png") no-repeat center;}
.icon-xh{width: 26px;height: 26px;display: inline-block;background: url("../images/dianpu/icon-xh.png") no-repeat center;}
.icon-kp{width: 26px;height: 26px;display: inline-block;background: url("../images/dianpu/icon-kp.png") no-repeat center;}
.icon-kf{width: 26px;height: 26px;display: inline-block;background: url("../images/dianpu/icon-kf.png") no-repeat center;}
.dpSearch{width: 275px;font-size: 12px;}

.ui-search2022{position: relative;}
.searchCont22{
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    max-width: 600px;
    top: 35px;
    left: 0;
    max-height: 150px;
    overflow-y: auto;
    display: none;
    z-index: 9;
    min-width: 60px;
    padding: 5px 3px;
    box-sizing: border-box;
}
.searchList22{font-size: 12px;color: #282828;display: flex;align-items: center;cursor: pointer;height: 26px;line-height: 1;padding: 0 7px;}
.searchList22:hover{background: #F0F6FF;}
.searchComp{width: 16px;height: 16px;background: url("../images/index/icon-comp.png") no-repeat center;display: inline-block;margin-right: 5px;}
.dropDownText{flex: 1;}
.dropDownType{font-size: 12px; color: #808080;margin-left: 5px;}
.searchLine{height: 1px;background:  #ECECEC;margin: 2px 7px;}

.searchCont22::-webkit-scrollbar{width:4px;height:4px;}
.searchCont22::-webkit-scrollbar-track-piece{background-color:#ededed;margin:-2px;}
.searchCont22::-webkit-scrollbar-thumb {background:#CBCBCB;border-radius:2px;}
.searchCont22::-webkit-scrollbar-thumb:vertical:hover {background:#afaeae;}
.searchCont22::-webkit-scrollbar-thumb:horizontal:hover {background:#afaeae}

:root .scrollRight{bottom: calc(100vh/5);}

.top-line {height: 70px;width: 1px;background: #cecece;margin-left: 15px;margin-top: 21px;}
.theme-red .navSearch{border: 2px solid #FF0036;}
.theme-red .searchBtn{background: linear-gradient(90deg, #FF3F0F 0%, #FF0036 100%);border-radius: 0;}
.dptop-left{width: 181px;height: 194px;background: #FFFFFF;border: 1px solid #F4F4F4;box-sizing: border-box;padding: 13px 10px 10px 10px;}
.shop-today-txt{font-size: 14px;color: #000;padding-left: 8px;position: relative;}
.shop-today-txt::before{content: '';display: block;width: 6px;height: 6px;background-color: #FF0235;position: absolute;top: 50%;margin-top: -2px;}
.shop-today-txt::after{content: '';display: block;width: 78px;height: 8px;background: linear-gradient(90deg, #FF0235 0%, rgba(255,2,53,0) 100%);opacity: 0.18;position: absolute;bottom: 0;left: 3px;}
.putnew{padding-top: 10px;
    border-top: 1px dashed #F4F4F4;;}

.theme-red .mallSearchList:hover,.theme-red .mallSearchList.on,.theme-red .mallSearchList.active{color: #FF0036;;}
.theme-red .searchBut{background: linear-gradient(90deg, #FF3F0F 0%, #FF0036 100%);width: 80px;height: 36px;line-height: 36px;}
.theme-red .clearBtn{width: 80px;height: 36px;background: #FFFFFF;border: 1px solid #E5E5E5;opacity: 0.92;border-radius: 4px;text-align: center;line-height: 36px;color: #282828;}
.theme-red .newTableTitle{   background: #fff;border: 1px solid #FEDEDE;}
.theme-red .tab4.on,.theme-red .tab4:hover{ background: #FEF5F5;color: #FF0235;}
.theme-red .tab4{background: #fff;border-right:1px solid #FEDEDE}
.theme-blue .tableList:hover,.theme-red .tableList:hover{background: #F6F6F6;
    box-shadow: 0px 0px 10px 0px rgba(141,141,141,0.5200);}
.theme-red .negBtn{background: #FDF6F6;border: 1px solid #FF0036;color: #FF0036;}
.theme-red .negBtn:hover,.theme-red .tableList:hover .negBtn{color: #FFFFFF;background: linear-gradient(90deg, #FF3F0F 0%, #FF0036 100%);}
.theme-red .orangeBtn{width: 80px;height: 32px;background: #FFF2EC;border: 1px solid #FF5300;border-radius: 4px;color: #ff5300;line-height: 32px;margin-left: 0;}
.theme-red .orangeBtn:hover,.theme-red .tableList:hover .orangeBtn{color: #fff; width: 80px;height: 32px;background: linear-gradient(90deg, #FF580F 0%, #FF9321 100%);border-radius: 4px;}
.theme-red .gAD:hover{color: #ADADAD;}
/* .theme-red .icon-footer1{background: url("../images/index/icon-footer1-red.png") no-repeat center;}
.theme-red .icon-footer2{background: url("../images/index/icon-footer2-red.png") no-repeat center;}
.theme-red .icon-footer3{background: url("../images/index/icon-footer3-red.png") no-repeat center;}
.theme-red .icon-footer4{background: url("../images/index/icon-footer4-red.png") no-repeat center;} */


.shop-mianright{width: 961px;}
.shop-mianright .tableList{line-height: normal;}
.lh140{line-height: 140px;}
.shop-mianright .stockImg img,.shop-mianright .stockImg{height: 110px;width: 110px;overflow: hidden;}
.shop-mianright .tableList{height: 140px;line-height: normal;}
.g77{color: #777777;}
.icon-dpDepot{width: 18px;height: 18px;display: inline-block;background: url(../images/dianpu/icon-dpDepot.png) no-repeat center;}
.g4cf{color: #0384CF;} 
.shop-mianright .orangeBtn{margin-top: 0;}

.shop-today{width: 205px;height: 269px;background: #FFFFFF;box-shadow: 0px 0px 8px 0px rgba(141,141,141,0.1800);border-radius: 4px;box-sizing: border-box;padding: 15px;}
.shop-today-title01{width: 102px;
    height: 30px;
    background: linear-gradient(0deg, #CE9B78 0%, #D29C75 100%);
    box-shadow: 0px 2px 6px 0px rgba(19,58,159,0.3000);
    border-radius: 0px 0px 15px 15px;text-align: center;    line-height: 30px;}
.shop-today-title02{width: 102px;
    height: 30px;
    background: linear-gradient(0deg, #DB4C4C 0%, #CA2C3B 100%);
    box-shadow: 0px 2px 6px 0px rgba(159,19,19,0.3000);
    border-radius: 0px 0px 15px 15px;text-align: center;    line-height: 30px;}
.shop-day-new{width: 44px;height: 13px;background: url("../images/dianpu/shop-day-new.png") no-repeat center;display: inline-block;}
.shop-day-updata{width: 44px;height: 13px;background: url("../images/dianpu/shop-day-updata.png") no-repeat center;display: inline-block;}

.shop-today-box{height: 269px;background: #FFFFFF;border: 1px solid #F4F4F4;}
.shop-today-box1{background: linear-gradient(180deg, #FEF6F0 0%, #FFFFFF 100%);
    box-shadow: 0px 2px 6px 0px rgba(209,156,118,0.1800);
    border-radius: 3px;width: 176px;
    height: 112px;}
    .shop-today-box2{width: 176px;
        height: 112px;
        background: linear-gradient(0deg, #FFFFFF 0%, #FFF0F0 100%);
        box-shadow: 0px 2px 6px 0px rgba(209,118,118,0.1800);
        border-radius: 3px;}
.shop-company {width: 205px;box-sizing: border-box;background-color: #fff;}

.shop-company .company-info {width: 205px;box-sizing: border-box;padding: 10px;background:url("../images/dianpu/company-info.png") no-repeat center;}
.company-detal{width: 185px;box-sizing: border-box;background-color: #fff;margin-left: 10px;}

.enter-shop{width: 163px;height: 32px;background: #FDF6F6;border: 1px solid #FF0036;border-radius: 4px;text-align: center;color: #FF0036;line-height: 32px;display: inline-block;}
.theme-red .part2022{height: 80px;}
.h80{height: 80px;}
.theme-blue .top-line,.theme-red .top-line{height: 50px;}
.theme-blue .lg22logo,.theme-red .lg22logo{height: 60px;}
.mr3{margin-right: 3px;}

.shop-contact{}
.shop-contact-title{width: 206px;
    height: 42px;
    background: linear-gradient(180deg, #F0F7FF 0%, #FFFFFF 100%);line-height: 42px;}
   .shop-contact-icon{width: 24px;height: 21px;background: url("../images/dianpu/shop-contact-icon.png") no-repeat center;display: inline-block;}
  
.new22.h_userInfo{height: 152px;background-size: cover;}
.new22 .tab2-item{height: 36px;line-height: 36px;}
.icon-yuan{width: 6px;height: 6px;background: url("../images/dianpu/icon-yuan.png") no-repeat center;display: inline-block;}


.icon-system1{width: 24px;height: 29px;background: url("../images/icon-system1.png") no-repeat center;}
.icon-system2{width: 24px;height: 29px;background: url("../images/icon-system2.png") no-repeat center;}
.icon-system3{width: 24px;height: 29px;background: url("../images/icon-system3.png") no-repeat center;}
.icon-system4{width: 24px;height: 29px;background: url("../images/icon-system4.png") no-repeat center;}

.icon-system1.on{width: 24px;height: 29px;background: url("../images/icon-system1-on.png") no-repeat center;}
.icon-system2.on{width: 24px;height: 29px;background: url("../images/icon-system2-on.png") no-repeat center;}
.icon-system3.on{width: 24px;height: 29px;background: url("../images/icon-system3-on.png") no-repeat center;}
.icon-system4.on{width: 24px;height: 29px;background: url("../images/icon-system4-on.png") no-repeat center;}

.lg-yz{
    min-width: 1180px;
    background: url(../images/index/yz-bg.png) no-repeat center;
    background-size: cover;
    height: 200px;
}
.icon-yz{
    width: 37px;
    height: 32px;
    background: url("../images/index/icon-yz.png") no-repeat center;
    display: inline-block;
}
.h_shopListItem{
    width: 280px;
    height: 80px;
    background: linear-gradient(180deg, #F3F5F7 0%, #FFFFFF 100%);
    box-shadow: 0px 4px 8px -4px rgba(0,0,0,0.1);
    border-radius: 4px;
    float: left;
    margin-right: 20px;
}
.shopIcon{
    width: 40px;
    height: 40px;
    background: url("../images/index/shopicon.png") #E7F2FF no-repeat center;
    border-radius: 20px;
    display: inline-block;
}
/* .h_shopListItem+.h_shopListItem{} */
.h_shopList{height: 80px;overflow: hidden;}
.shopControl{
    position:absolute;
    right: 0;
    top: -40px;
}

.shopLeft,.shopRight{
    width: 24px;
    height: 24px;
    border-radius: 3px;
    opacity: 0.6;
    float: left;
    cursor: pointer;
}
.shopLeft{background: url("../images/index/shopLeft-h.png") #fff no-repeat center;}
.shopRight{background: url("../images/index/shopRight-h.png") #fff no-repeat center;}

.shopLeft:hover{opacity: 1;background: url("../images/index/shopLeft.png") #fff no-repeat center;}
.shopRight:hover{opacity: 1;background: url("../images/index/shopRight.png") #fff no-repeat center;}

.h_shopListItem:hover{
    background: url("../images/index/shop_h-bg.png") no-repeat center;
    background-size: cover;
 
}

.h_shopListItem:hover .g28,.h_shopListItem:hover .g67{color: #fff;}
.layui-layer-msg .layui-layer-ico.layui-layer-ico{background-image: url(http://resource.lgsteel.cn/gold2020/images/layer-msgIconSuc.png) !important;background-position: 0}
.layui-layer-msg .layui-layer-ico.layui-layer-ico6{background-image: url(http://resource.lgsteel.cn/gold2020/images/layer-msgIconSuc.png) !important;background-position: 0}
.layui-layer-dialog .layui-layer-content .layui-layer-ico{ top:50% !important; left: 25px !important; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
.icon-question{
    width: 30px;height: 30px;background: url("http://resource.lgsteel.cn/mainSite22/images/dianpu/icon-question.png") no-repeat center;display: inline-block;
}
.ml35{margin-left: 35px;}
.mt70{margin-top: 70px;}

.cancelBtn{
    width: 90px;
height: 30px;
background: #FFFFFF;
border-radius: 2px;
display: inline-block;
font-size: 14px;
text-align: center;
line-height: 30px;
border: 1px solid #ADADAD;;
color: #ADADAD;
}
.cancelBtn:hover{
    border: 1px solid #676767;
    color: #676767;
}

/* äº‘å•†åŸŽä¿®æ”¹ */


.shopslider{overflow: hidden;}


.cloudShopList .shopslider{position:relative; height:130px; z-index: 0;overflow: visible;margin-left: auto;margin-right: auto;}
.cloudShopList .slides{ position:relative; z-index:0;}
.cloudShopList .slides li{ height:130px;display: none;-webkit-backface-visibility: hidden;width:250px ;}
.cloudShopList .flex-control-nav{ position:absolute; bottom:10px; z-index:2; width:100%; text-align:center;}
.cloudShopList .flex-control-nav li{ display:inline-block; width:10px; height:12px; margin:0 6px; *display:inline; zoom:1;}
.cloudShopList .flex-control-nav a{ display:inline-block;width:10px; height:10px;border: 1px solid #fff;border-radius: 100%;line-height:40px; overflow:hidden; background: transparent; cursor:pointer;}
.cloudShopList .flex-control-nav .flex-active{ background: #fff ;border-color: #fff }
.cloudShopList .flex-direction-nav{ position:absolute; z-index:3; top:40%;width: 100%}
.cloudShopList .flex-direction-nav li a{ display:block;width:40px; height:60px; overflow:hidden; cursor:pointer; position:absolute;background-color: rgba(0,0,0,0.06);border-radius: 3px;}
.cloudShopList .flex-direction-nav li a.flex-prev{ left:-60px; background-color: rgba(255, 255, 255, 0.2) ;background-image: url("../images/could/leftA.png");background-repeat: no-repeat;background-position: center;}
.cloudShopList .flex-direction-nav li a.flex-next{ right:-60px;background-color: rgba(255, 255, 255, 0.2) ;background-image: url("../images/could/rightA.png");background-repeat: no-repeat;background-position: center;}
.cloudShopList .flex-direction-nav li a:hover{background-color:  #1365E8}
.cloudShopList .flex-direction-nav li a.flex-prev:hover{background-image:url("../images/could/leftA-h.png") }
.cloudShopList .flex-direction-nav li a.flex-next:hover{ background-image:url("../images/could/rightA-h.png")}
.cloudShopList .shopslider .set-a { display: inline-block; width: 100%; height: 100%;}


.cloudShopItemNew.cloudShopItem+.cloudShopItemNew.cloudShopItem{margin-right: 20px;margin-bottom: 0;}
:root .cloudShopItem.cloudShopItemNew{margin-right: 0;}


.cloudShopList .shopslider.new{position:relative; height:290px; z-index: 0;overflow: visible;width: 1000px;margin-left: auto;margin-right: auto;}


.c_shopListItem{
        width: 250px;
        height: 130px;
        float: left;
        margin-right: 20px;
        display: block !important;
}

:root .c_shopListItem .cloudShopItem{margin: 0;}

.c_shopListItem .cloudShopItem{
    width: 250px;
    height: 130px;
}

.cloudShopList .flex-prev{ display:block;width:40px; height:60px; overflow:hidden; cursor:pointer; position:absolute;background-color: rgba(0,0,0,0.06);border-radius: 3px;
    left: -60px;
    background-color: rgba(255, 255, 255, 0.2);
    background-image: url(../images/could/leftA.png);
    background-repeat: no-repeat;
    background-position: center;
    top: 40px;

}
.cloudShopList .flex-next{ display:block;width:40px; height:60px; overflow:hidden; cursor:pointer; position:absolute;background-color: rgba(0,0,0,0.06);border-radius: 3px;
    right:-45px;background-color: rgba(255, 255, 255, 0.2) ;background-image: url("../images/could/rightA.png");background-repeat: no-repeat;background-position: center;
    top: 40px;
}
.cloudShopList .flex-next:hover{
    background-image: url(../images/could/rightA-h.png);
    background-color: #1365E8;
}
.cloudShopList .flex-prev:hover{
    background-image: url(../images/could/leftA-h.png);
    background-color: #1365E8;
}
.cloudShopList .shopslider {
    position: relative;
    height: 130px;
    z-index: 0;
    overflow: visible;
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
}
.cloudShopList  .slides li.c_shopListItem{height: auto;}
.c_shopListItem .cloudShopItem {box-sizing: border-box;}
.lg_cloudNew{height: 310px;}